<!doctype html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="星时代曹波涛" />
    <%- include("layout/css_includ.ejs") %>
        <title>留言</title>

</head>

<body>
    <div class="container-fluid bg-nav">
        <div class="container">
            <div class="row">
                <div class="col-12 bg-nav">
                    <%- include("layout/nav.ejs") %>
                </div>
            </div>
        </div>
    </div>
    <!--头部结束-->


    <!--正文-->
    <div class="container">
        <div class="row">
            <!-- 可变区域-->
            <div class="col-12 bg-white my-3">
                <div class="row mt-3 w-100 px-3 m-0">
                    <div class="col-12 p-0 m-auto">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/">首页</a></li>
                                <li class="breadcrumb-item active" aria-current="/leaveMsg">留言</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                <div class="px-3">
                    <form>
                        <div class="form-group">
                            <label for="topic">留言主题</label>
                            <input type="text" class="form-control" id="topic" aria-describedby="emailHelp">
                            <small id="topicHelp" class="form-text text-muted">简明扼要的主题能够让管理员赶快的看到哦~</small>
                        </div>

                        <div class="form-group">
                            <label for="email">电子邮箱</label>
                            <input type="text" class="form-control" id="email" aria-describedby="emailHelp">
                            <small id="emailHelp" class="form-text text-muted">输入正确的电子邮箱能够让管理员第一时间联系到你哦~</small>
                        </div>
                        <div class="form-group">
                            <label for="message">你的留言</label>
                            <textarea class="form-control" id="message" rows="3"></textarea>
                        </div>
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" checked id="exampleCheck1">
                            <label style="font-size: 12px;color: darkgray;" class="form-check-label"
                                for="exampleCheck1">我已仔细阅读上方留言注意事项并自觉遵守，维护和谐健康的网络环境。</label>
                        </div>
                        <div class="text-right">
                            <button type="button" class="btn btn-success"><i class="fa fa-comment-o"
                                aria-hidden="true"></i>提交留言</button>
                        </div>
                    </form>

                    <div class="jumbotron jumbotron-fluid mt-5" style="border-radius: 15px;">
                        <div class="container">
                            <h4 class="text-danger pb-3">留言注意事项：</h4>
                            <div class="text-info">
                                <p>一、不得发布/传播不良信息等；</p>
                                <p>二、互相尊重，对自己的言论和行为负责。</p>
                                <p>三、尊重网络道德，严禁发表侮辱、诽谤、教唆、淫秽的内容。</p>
                                <p>四、本站有权在本站内保留、引用或者删除不合理留言/评论；</p>
                                <p>五、参与本留言/评论即表明您已经阅读并接受上述条款，如您对本站有意见或建议，可向站长反映和咨询。</p>
                                <p>六、联系信息QQ：2867970722 。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 可变区域结束-->
        </div>
    </div>
    <!--正文结束-->
    <%- include("layout/foot.ejs") %>
        <%- include("layout/js_includ.ejs") %>
            <script>
            </script>
</body>

</html>